@charset "utf-8";
.page-wrap { height:100%; background-color:#364150;}
/* Layout Style */
.page-wrap {}
.page-header { clear:both; padding:0 15px; height:50px; min-height:50px; background-color:#2b3643;}
.page-container { position:relative; margin:0; padding:0; text-align:left;}
.page-container:before,.page-container:after { content:''; display:table;}
.page-sidebar { float:left; margin-right:-100%; width:220px; height:auto; background-color:#364150;}
.page-content-wrap { float:left; width:100%; margin:0; padding:0;}
.page-content-wrap .page-content { margin:0; margin-left:220px; padding:20px; min-height:600px; background-color:#F1F3FA;}
.page-footer { clear:both; height:35px; background-color:#FFF;}


/*- Layout Fixed -*/

/*-- page-header-fixed --*/
.page-header-fixed .page-header { position:fixed; top:0; right:0; left:0; z-index:9999;}
.page-header-fixed .page-container { padding-top:50px;}

/*-- page-sidebar-fixed --*/
.page-header-fixed.page-sidebar-fixed .page-sidebar { position:fixed; top:50px; bottom:0; left:0;}
.page-header-fixed.page-sidebar-fixed .page-footer { margin-left:220px;}

/*-- page-footer-fixed --*/
.page-footer-fixed .page-footer { position:fixed; right:0; bottom:0; left:0; margin-left:0 !important; background-color:#28303b;}
.page-footer-fixed .page-content { margin-bottom:35px;}
.page-footer-fixed .page-sidebar { bottom:35px !important;}

/*-- page-sidebar-closed --*/
.page-sidebar-fixed.page-sidebar-closed .page-sidebar { display:none;}
.page-sidebar-fixed.page-sidebar-closed .page-content { margin-left:0 !important;}
.page-sidebar-fixed.page-sidebar-closed .page-footer { margin-left:0 !important;}

/*-- page-sidebar-toggle --*/
.page-sidebar-fixed.page-sidebar-toggle .page-sidebar { width:50px !important;}
.page-sidebar-fixed.page-sidebar-toggle .page-content { margin-left:50px !important;}






